<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../styles/basic.css" />
<link rel="stylesheet" type="text/css" href="../styles/main.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="styles/ie.css" />
<![endif]-->
<script src='../js/domtab.js'></script>
<script src='../js/DOMhelp.js'></script>
<script src='../js/pagination.js'></script>
</head>
<body>
<div id='wrapper'>
	<h1>韭园<span>菊</span>色</h1>
    <p id="log"><a href="../signin.html">注册</a><a href="login.php">logout</a></p>
	<div class='content'>
    	<div class="main">
        	<h2 class="clubTitle">超级八卦团<a class="button1" href="#">加入社团</a></h2>
            <div class="clubIntro">
                <dl class="clubBasic">
                    <dt>简介</dt>
                    <dd class="clubLogo"><img src="../images/clubLogo.jpg" /></dd>
                    <dd><span>简称:</span>八卦团</dd>
                    <dd><span>所属学校:</span>北京大学</dd>
                    <dd><span>成立时间:</span>2009年4月1日</dd>
                    <dd><span>社团性质:</span>文体</dd>
                    <dd><span>地址:</span>西环广场</dd>
                    <dd><span>电话:</span>7758521</dd>
                </dl>
                <dl class="clubStatistics">
                    <dt>社团统计</dt>
                    <dd><span>活动:</span>20个</dd>
                    <dd><span>会员</span>55个</dd>
                    <dd><span>话题:</span>1个</dd>
                </dl>
            </div>
            <div class="clubActivities">
                <h3>社团最新活动</h3>
                <ol>
                    <li>
                        <h4><a href="#"><img src="../images/activity2.jpg" />我们去晒油</a></h4>
                        <p>科学松鼠会”是一个科学传播公益团体。成员包括来自国内外各院校的一线科研工作者……</p>
                        <div>参加人数：50人 <a class="button1" href="#">报名</a></div>
                    </li>
                    <li  class="noPhoto">
                        <h4><a href="#">我们去晒油</a></h4>
                        <p>科学松鼠会”是一个科学传播公益团体。成员包括来自国内外各院校的一线科研工作者……</p>
                        <div>参加人数：50人 <a class="button1" href="#">报名</a></div>
                    </li>
                    <li>
                        <h4><a href="#"><img src="../images/activity2.jpg" />我们去晒油</a></h4>
                        <p>科学松鼠会”是一个科学传播公益团体。成员包括来自国内外各院校的一线科研工作者……</p>
                        <div>参加人数：50人 <a class="button1" href="#">报名</a></div>
                    </li>
                    <li>
                        <h4><a href="#"><img src="../images/activity2.jpg" />我们去晒油</a></h4>
                        <p>科学松鼠会”是一个科学传播公益团体。成员包括来自国内外各院校的一线科研工作者……</p>
                        <div>参加人数：50人 <a class="button1" href="#">报名</a></div>
                    </li>
                </ol>
            </div>
            <div class="clubTopics">
                <h3><span>话题讨论</span> <a class="button1" href="#">发表新话题</a></h3>
                <table>
                    <caption>话题列表</caption>
                    <thead>
                        <tr>
                            <th scope="col">话题</th>
                            <th scope="col">发起者</th>
                            <th scope="col">顶起人数</th>
                            <th scope="col">发起时间</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row"><a href="#">科学松鼠会招募实习生：加入我们，分享科学</a></th>
                            <td><a href="#">纪晓芙</a></td>
                            <td>43</td>
                            <td>2009-04-23 19:35</td>
                        </tr>
                        <tr>
                            <th scope="row"><a href="#">科学松鼠会招募实习生：加入我们，分享科学</a></th>
                            <td><a href="#">纪晓芙</a></td>
                            <td>43</td>
                            <td>2009-04-23 19:35</td>
                        </tr>
                        <tr>
                            <th scope="row"><a href="#">科学松鼠会招募实习生：加入我们，分享科学</a></th>
                            <td><a href="#">纪晓芙</a></td>
                            <td>43</td>
                            <td>2009-04-23 19:35</td>
                        </tr>
                        <tr>
                            <th scope="row"><a href="#">科学松鼠会招募实习生：加入我们，分享科学</a></th>
                            <td><a href="#">纪晓芙</a></td>
                            <td>43</td>
                            <td>2009-04-23 19:35</td>
                        </tr>
                        <tr>
                            <th scope="row"><a href="#">科学松鼠会招募实习生：加入我们，分享科学</a></th>
                            <td><a href="#">纪晓芙</a></td>
                            <td>43</td>
                            <td>2009-04-23 19:35</td>
                        </tr>
                        <tr>
                            <th scope="row"><a href="#">科学松鼠会招募实习生：加入我们，分享科学</a></th>
                            <td><a href="#">纪晓芙</a></td>
                            <td>43</td>
                            <td>2009-04-23 19:35</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="side">
			<div class="tabs clubInformation">
				<ul class="tabNav">
					<li><a href="#tab1">社团公告</a></li>
					<li><a href="#tab2">社团组织结构</a></li>
					<li><a href="#tab3">了解社团历史</a></li>
				</ul>
				<div id="tab1" class="sideWidget">
					<h3>社团公告</h3>
					<p>除了以写作的方式参与科学传播外，松鼠会还积极开拓形式多样的线下活动。目前，科学松鼠会的正式作者共有120多位（2009.3），工作人员和志愿者超过20人。 </p>
				</div>
				<dl id="tab2" class="sideWidget">
					<dt>社团组织结构</dt>
					<dd><span>社长:</span>像一名</dd>
					<dd><span>社长:</span>像一名</dd>
					<dd><span>社长:</span>像一名</dd>
					<dd><span>社长:</span>像一名</dd>
					<dd><span>社长:</span>像一名</dd>
					<dd><span>社长:</span>像一名</dd>
				</dl>
				<div id="tab3" class="sideWidget">
					<h3>了解社团历史</h3>
					<p>“科学松鼠会”是一个科学传播公益团体。成员包括来自国内外各院校的一线科研工作者，以及活跃在各大媒体科学版的多位科学作者和译者。除了以写作的方式参与科学传播外，松鼠会还积极开拓形式多样的线下活动。目前，科学松鼠会的正式作者共有120多位（2009.3），工作人员和志愿者超过20人。</p>
				</div>
			</div>	
            <div class="sideWidget userPhotoList">
            	<h3>社团成员</h3>
                <ul>
                	<li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                    <li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
					<li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                    <li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
					<li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                    <li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
					<li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                    <li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                </ul>
                <p class="clear">>><a href="">浏览所有社团成员</a></p>
            </div>
            <div class="sideWidget userPhotoList">
            	<h3>友情社团</h3>
                <ul>
                	<li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                    <li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
					<li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                    <li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
					<li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                    <li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
					<li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                    <li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                </ul>
            </div>
<div class="sideWidget ">
            	<h3>其他社团热门活动</h3>
            	<ol>
            		<li><a href="#">我们是想建设一个针对高校社团的网络平台</a></li>
                	<li><a href="#">我们是想建设一个针对高校社团的网络平台</a></li>
					<li><a href="#">我们是想建设一个针对高校社团的网络平台</a></li>
					<li><a href="#">我们是想建设一个针对高校社团的网络平台</a></li>
					<li><a href="#">我们是想建设一个针对高校社团的网络平台</a></li>
            	</ol>
        	</div>
            <div class="sideWidget userPhotoList">
            	<h3>关注企业</h3>
                <ul>
                	<li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                    <li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
					<li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                    <li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
					<li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                    <li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
					<li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                    <li><a href="#"><img src="../images/clubLogo.jpg" />圣斗士星矢</a></li>
                </ul>
            </div>
        </div>
    </div>
    
	<ul id='nav'>
		<li><a href="../index.html">首页</a></li>
		<li><a href="../associator/index.html">个人首页</a></li>
		<li><a href="">好友</a></li>
		<li><a href="">通知</a></li>
		<li><a href="">个人设置</a></li>
		<li><a href="">搜索</a></li>
    	<li class='last'><a href="">日志</a></li>	
	</ul>
	<div id="footer">
		<ul>
			<li class="noBd"><a href="">Home</a></li>
			<li><a href="">注册</a></li>
			<li><a href="">登陆</a></li>
			<li><a href="">href3</a></li>
			<li><a href="">href3</a></li>
			<li><a href="">href3</a></li>
			<li><a href="">href3</a></li>			
		</ul>
        <p>All rights deserves &copy; <span class="cap">社团</p>
    </div>
</div>
</body>
</html>